iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Modern Web

30天搞定CSS及切版系列 第 6

CSS選擇器

  • 分享至 

  • xImage
  •  

前言

CSS選擇器可指定你要對那些元素設定CSS屬性。

基本選擇器

Class 選擇器

使用「.」代表選擇CLASS
例如要使用class="box1":

.box1
{
    width:200px;
    height:200px;
}

Id 選擇器

使用「#」代表選擇ID
例如要使用id="box2"

#box2
{
    background-color:pink;
}

通用選擇器(universal selector)

所有的元素都會套用通用選擇器的屬性,但權重最低所以很容易被輕易取代掉~

*{
    color:black;
}

複合選擇器

相鄰兄弟選擇器 (selector1 + selector2)

此選擇器只會選擇緊鄰 selector1 後的 selector2 做改變

div + a {
    color:pink;
}

上一篇
CSS 權重優先級
下一篇
CSS Position
系列文
30天搞定CSS及切版16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言